-<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- 字符编码 -->
    <meta charset="UTF-8" />
    <!-- 视口设置 width=device-width：页面宽度匹配设备屏幕宽度 initial-scale=1.0：初始缩放比例为 1 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="keywords" content="前端 学习 面试 刷题" />
    <meta name="description" content="这是我的个人面试知识点总结" />
    <meta name="author" content="Kimi" />
    <!-- X-UA-Compatible  ：用于指定浏览器的兼容性模式。 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- property   属性通常与Open Graph协议（OG）或Schema.org等语义化元数据标准一起使用，用于定义社交媒体分享时的显示信息。 -->
    <meta property="og:title" content="网页标题" />
    <meta property="og:description" content="网页描述" />
    <meta property="og:image" content="图片URL" />
    <title>示例网页</title>
  </head>
  <body>
    <h2>问：meta标签是干什么的？都有什么属性和作用？</h2>
    <p>
      答：用于提供页面的元信息，这些信息不会直接显示在网页内容中，但对浏览器、搜索引擎和其他服务非常重要。
    </p>
    <br />
    <h2>1.字符编码。指定网页的字符编码，确保正确显示内容。</h2>
    <h2>
      2.页面视口设置（响应式设计）。控制页面在移动设备上的显示和缩放行为。
    </h2>
    <h2>3.搜索引擎优化（SEO）。提供描述性信息，便于搜索引擎索引。</h2>
    <h2>4.作者信息。提供网页作者信息。</h2>
  </body>
</html>
]p0-p-